---
interface Props {
  title: string;
}

const { title } = Astro.props;
---

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="description"
      content="Dewhale - GitHub-Powered AI for Effortless Development"
    />
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" type="image/svg+xml" href="/logo.png" />
    <meta name="generator" content={Astro.generator} />
    <title>{title}</title>
    <style>
      @import url("https://fonts.googleapis.com/css2?family=Rubik+Doodle+Shadow&family=Rubik:wght@300&display=swap");
    </style>
  </head>
  <body>
    <slot />
  </body>
</html>
<style is:global>
  body {
    margin: 0;
    background-color: #ffffff;
    font-family:
      "Rubik",
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      "Open Sans",
      "Helvetica Neue",
      sans-serif;
  }
</style>
